// pages/mypulldown/mypulldown.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    count:1,
    colorList:[]   //随机颜色列表

  },


  // ①定义获取随机颜色的方法
  // 添加loading 提示效果
  getColors(){
//  1发送请求前  添加loading
wx.showLoading({
  title: '数据加载中',
})

    // 发起请求  获取随机颜色的值
    wx.request({
      url: 'https://www.escook.cn/api/color',
      method:"GET",
      success:({data:res})=>{
        console.log(typeof res.data)
        this.setData({
          colorList:[...this.data.colorList,...res.data]
        })
      },
      // 接口调用结束的回调函数（调用成功、失败都会执行）
      complete:()=>{
        wx.hideLoading()  //2 关闭loading效果
      }
    })
  },



  countAdd(){
    this.setData({
      count:this.data.count+1
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */

  //  ②在页面加载时获取初始数据
  onLoad(options) {
     this.getColors()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
     this.setData({
       count:0
     })
    //  数据重置成功后，手动隐藏下拉刷新效果
    wx.stopPullDownRefresh()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  // ④在上拉触底时调用获取随机颜色的方法
  onReachBottom() {
    console.log("onReachBottom")
    this.getColors()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})